
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title></title>
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta content="" name="Keywords">
	<meta content="" name="Description">
	<!-- Mobile Devices Support @begin -->
	<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
	<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta name="format-detection" content="telephone=no, address=no">
	<meta content="yes" name="apple-mobile-web-app-capable"> <!-- apple devices fullscreen -->
	<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
	<!-- Mobile Devices Support @end -->
	<link href="favourite.ico" rel="shortcut icon">
	<link rel="apple-touch-icon" href="icon.png" />
	<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
	<!--iPad 1 72x72 像素-->
	<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
	<!--iPhone 4 114x114 像素-->
	<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
    <link rel="apple-touch-icon-precomposed" href="/assets/ico/apple-touch-icon-precomposed.png?v=211d96120f">
    <link rel="icon" href="/assets/ico/favicon.ico?v=211d96120f">
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/screen.css" />

</head>
<body class="home-template" style='overflow-x:hidden;width:100%;padding-top:95px'>
<div class='top_fixed'>
<section class="search">
<div class="container-fluid ">
	   <div class="row">
		  <div class="col-xs-9">
		        <div class="search_box">
				  <input type="" />
				  <a class='search-icon'></a>
				</div>
		        
		  </div>
	
		  <div class="col-xs-3">   
			   <center><a  class="search-location">搜 索</a></center>
		  </div>			  
	   </div> 
</div>
</section>
<div class="container-fluid ">
	   <div class="row border-bottom">
		  <div class="col-xs-4">
		     <center><a class='sort'><span>类型 <div class='dot'></span></div>
			 <ul class="list-unstyled">
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>				
			 </ul>
			 <ul class="list-unstyled">
			 	<li>11</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>				
			 </ul>
			 <ul class="list-unstyled">
			 	<li>22</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>
			 	<li>好吃</li>
				<li>好玩</li>				
			 </ul>			 
			 </a></center>
		  </div>
		  <div class="col-xs-4">
              <center><a class='sort sort_border'><span>服务 <div class='dot'></span></div>		  
			  </a></center>
		  </div>	
		  <div class="col-xs-4">
              <center><a class='sort'><span>附近 <div class='dot'></span></div>				  
			  </a></center>
		  </div>			  
	   </div> 
</div>
</div>


<div class="wrapper" >
<div id="waterfall">
                <div class="pin">
                  
                </div>
<section class='section_user_center'>
	<div class="container-fluid right_nearby">
	   <div class="row">
		  <div class="col-xs-12">
			  <div class='item-faq noborder'>
				   <a class='item-public-title' target='_self' href='index.html'>	
					<table>
						<tr>	
						   <td width='100'><img src='images/temp/img02.png' /></td>
						   <td class='middle'>
						   <div class='middle_title'><b>全家便利店-文三店</b><i>1000米</i></div>
						   <span class='gray px12'>类型：市民卡服务网点</span></br>
						   <span class='gray px12'>地址：西湖区西葫芦</span>
						   </td> 
						</tr>
					</table>	
				   </a>
			  </div>
		  </div>		  
	   </div> 
	</div>
</section>

<section class='section_user_center'>
	<div class="container-fluid right_nearby">
	   <div class="row">
		  <div class="col-xs-12">
			  <div class='item-faq noborder'>
				   <a class='item-public-title' target='_self' href='index.html'>	
					<table>
						<tr>	
						   <td width='100'><img src='images/temp/img02.png' /></td>
						   <td class='middle'>
						   <div class='middle_title'><b>全家便利店-文三店</b><i>1000米</i></div>
						   <span class='gray px12'>类型：市民卡服务网点</br>
						   地址：西湖区西葫芦</span>
						   </td> 
						</tr>
					</table>	
				   </a>
			  </div>
		  </div>		  
	   </div> 
	</div>
</section>

<section class='section_user_center'>
	<div class="container-fluid right_nearby">
	   <div class="row">
		  <div class="col-xs-12">
			  <div class='item-faq noborder'>
				   <a class='item-public-title' target='_self' href='index.html'>	
					<table>
						<tr>	
						   <td width='100'><img src='images/temp/img02.png' /></td>
						   <td class='middle'>
						   <div class='middle_title'><b>全家便利店-文三店</b><i>1000米</i></div>
						   <span class='gray px12'>类型：市民卡服务网点</br>
						   地址：西湖区西葫芦</span>
						   </td> 
						</tr>
					</table>	
				   </a>
			  </div>
		  </div>		  
	   </div> 
	</div>
</section>

<section class='section_user_center'>
	<div class="container-fluid right_nearby">
	   <div class="row">
		  <div class="col-xs-12">
			  <div class='item-faq noborder'>
				   <a class='item-public-title' target='_self' href='index.html'>	
					<table>
						<tr>	
						   <td width='100'><img src='images/temp/img02.png' /></td>
						   <td class='middle'>
						   <div class='middle_title'><b>全家便利店-文三店</b><i>1000米</i></div>
						   <span class='gray px12'>类型：市民卡服务网点</br>
						   地址：西湖区西葫芦</span>
						   </td> 
						</tr>
					</table>	
				   </a>
			  </div>
		  </div>		  
	   </div> 
	</div>
</section>

<section class='section_user_center'>
	<div class="container-fluid right_nearby">
	   <div class="row">
		  <div class="col-xs-12">
			  <div class='item-faq noborder'>
				   <a class='item-public-title' target='_self' href='index.html'>	
					<table>
						<tr>	
						   <td width='100'><img src='images/temp/img02.png' /></td>
						   <td class='middle'>
						   <div class='middle_title'><b>全家便利店-文三店</b><i>1000米</i></div>
						   <span class='gray px12'>类型：市民卡服务网点</br>
						   地址：西湖区西葫芦</span>
						   </td> 
						</tr>
					</table>	
				   </a>
			  </div>
		  </div>		  
	   </div> 
	</div>
</section>

<section class='section_user_center'>
	<div class="container-fluid right_nearby">
	   <div class="row">
		  <div class="col-xs-12">
			  <div class='item-faq noborder'>
				   <a class='item-public-title' target='_self' href='index.html'>	
					<table>
						<tr>	
						   <td width='100'><img src='images/temp/img02.png' /></td>
						   <td class='middle'>
						   <div class='middle_title'><b>全家便利店-文三店</b><i>1000米</i></div>
						   <span class='gray px12'>类型：市民卡服务网点</span>
						   <span class='gray px12'>地址：西湖区西葫芦</span>
						   </td> 
						</tr>
					</table>	
				   </a>
			  </div>
		  </div>		  
	   </div> 
	</div>
</section>

</div>
<div class="loading"><img src="images/loading.gif"><span>我们正在努力加载...</span></div>
</div>


<div id="navigation"><a href="ajax/page.htm?page=1"></a></div>

<script src="../../lib/bootstrap/js/jquery.js"></script>
<script src="../../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/js/jquery.infinitescroll.min.js" ></script>
<script type="text/javascript">
$(function(){

$.fn.extend({
	"preventScroll":function(){
        var _this = this.get(0);
            _this.onmousewheel = function(e){   
                e = e || window.event;   
                _this.scrollTop += e.wheelDelta > 0 ? -60 : 60;   
                return false;
            };
      
        return this;
    }
});

$("ul").preventScroll();


  $('.search-location').bind('click',function(){
        alert('do the location here!')
  })
  
  var w_width = $(window).width();
  $('ul.list-unstyled').width(w_width);
  $('.item-faq a span').width($(window).width()-150);
  $('.middle_title b').width($(window).width()-190);
  
  
  
  $('a.sort span').bind('click',function(evt){
    evt ? evt.stopPropagation() : window.event.cancelBubble = true
    var index = $(this).parents('.col-xs-4').first().index();
	var indexUl = $('ul.list-unstyled').eq(index);
	console.log(index)
    var state = true;
	if( indexUl.css('display')=='none'){
	    state = false;
	}
	$('ul.list-unstyled').css('display','none');
    state ? indexUl.slideUp(200) : indexUl.slideDown(200);	
  })
  $('body').bind('click',function(){
     $('ul.list-unstyled').css('display','none');
  })
  
 


            $('#waterfall').infinitescroll({
                navSelector: "#navigation", //导航的选择器，会被隐藏
                nextSelector: "#navigation a", //包含下一页链接的选择器
                itemSelector: ".pin", //你将要取回的选项(内容块)
                debug: true, //启用调试信息
                animate: true, //当有新数据加载进来的时候，页面是否有动画效果，默认没有
                extraScrollPx: 150, //滚动条距离底部多少像素的时候开始加载，默认150
                bufferPx: 40, //载入信息的显示时间，时间越大，载入信息显示时间越短
                errorCallback: function() {
                    alert('error');
                }, //当出错的时候，比如404页面的时候执行的函数
                localMode: true, //是否允许载入具有相同函数的页面，默认为false
                dataType: 'html',//可以是json
//                template: function(data) {
//                    //data表示服务端返回的json格式数据，这里需要把data转换成服务网点的html格式，然后返回给回到函数
//                    return '';
//                },
                loading: {
                    msgText: "加载中...",
                    finishedMsg: '没有新数据了...',
                    selector: '.loading' // 显示loading信息的div
                }
            }, function(newElems) {
                $('.wrapper').append($(newElems));
            });  

});
</script>


</body>
</html>
